<style lang="scss" scoped>
  // @import '@/assets/css/variable';
</style>
<template>
  <div
    class="item flex flex-row padding-all-m"
    @click="toDetailView(item)"
  >
    <div class="over-hid border-radius-l" style="flex: 0 0 96px;">
      <img width="96px" height="72px" :src="item.main_img" alt="">
    </div>
    <div class="panle2 flex-1 margL-l flex flex-column justify-between">
      <div class="fs-15 line-h-s ellipsis-line2 text-justify">{{ item.title }}  </div>
      <div class="flex justify-between color-m fs-14">
  		<span v-if="item.updated_at">{{ $utils.Stickdatas(item.updated_at) }}</span>
  		<span>{{ item.author }}</span>
  	</div>
    </div>
  </div>
</template>
<script>
export default {
  components: {
  },
  props: {
    item: {
      type:Object,
      default(){
      	return {}
      }
    },
  },
  data() {
    return {
      value: ''
    };
  },
  mounted() {
    // const navbarHeight = this.$refs.navbar.offsetHeight
    // console.log('navbarHeight',navbarHeight)
    // this.$store.commit('setNavbarHeight',navbarHeight)
  },
  methods: {
    toDetailView(record) {
      this.$emit('toDetailView',record)
    },
    onClickRight() {
      this.$router.push('/workbench')
    },
  },
};
</script>
